﻿#MySplitter {
	height: 600px;
	border: 4px solid #eee;
	/* No padding allowed */
}
/*
 
 Left-side element of the splitter. Use pixel units for the
 
 min-width and max-width; the splitter plugin parses them to
 
 determine the splitter movement limits. Set the width to
 
 the desired initial width of the element; the plugin changes
 
 the width of this element dynamically.
 */
#LeftPane {
	background: transparent;
	overflow: auto;
	/* No margin or border allowed */
}
/*
 
 Right-side element of the splitter.
 */
#RightPane {
	background: transparent;
	overflow: auto;
	/* No margin or border allowed */
}


#TopPane {				/* Top nested in right pane */
	background: transparent;
	height: 30px;		/* Initial height */
	min-height: 30px;	/* Minimum height */
	padding-top:3px;
	padding-left:3px;
	border-bottom: 1px solid #cecece;
	
}
#BottomPane {			/* Bottom nested in right pane */
	background: transparent url(Images/50.jpg) repeat;
	min-height: 565px;
	overflow: auto;
}

/* 
 
 Splitter bar style; the .active class is added when the
 
 mouse is over the splitter or the splitter is focused
 
 via the keyboard taborder or an accessKey. 
 */
#MySplitter .vsplitbar {
	width: 6px;
	background: #eee url(images/vgrabber.gif) no-repeat center;
}
#MySplitter .vsplitbar.active {
	background: #ccc url(images/vgrabber.gif) no-repeat center;
	opacity: 0.7;
}

.hsplitbar {
	height: 6px;
	background: #eee url(images/hgrabber.gif) no-repeat center;
}
.hsplitbar.active, .hsplitbar:hover {
	background: #ccc url(imagges/hgrabber.gif) no-repeat center;
}

body{
    font: menu;
    
}

